<template>
	 <view>
		 <view class="empty" v-if="empty">
		 	 <view class="img"><image :src="emptyImg" mode="widthFix"></image></view>
		 	 <view class="text">{{emptyText}}</view>
		 </view>
		 <view class="load-text" v-else>		 
			 <view class="loading" v-if="!nomore"></view>
			 <view class="text row-center" v-else><label></label>{{text}}<label></label></view>
		 </view>
	 </view>
</template>

<script>	
	export default{
		props:{
			nomore:{ //没有更多
				type:Boolean,
				default:false,
			},
			empty:{ //是否为空
				type:Boolean,
				default:false,
			},
			emptyText:{ //为空是显示的文字
				type:String,
				default:'暂无数据~'
			},
			emptyImg:{ //为空时显示的点位图
				type:String,
				default:''
			},
			text:{ //没能更多文字
				type:String,
				default:'没有更多数据了'
			}
		},		
	}
</script>

<style lang="scss" scoped>
.empty{ padding:250rpx 0; width:100%; text-align: center;
	.img{ width:262rpx; display:block; margin:0 auto; image{width:100%;}}
	.text{ color:#a8a8a8; font-size:26rpx; padding-top:10rpx;}
}
.load-text{ padding:30rpx 0; text-align: center;
	.loading{ width: 50rpx; height: 50rpx; border: 8rpx solid #fff; margin:0 auto;	border-left-color: $uni-color-primary; border-radius: 50%;
		border-radius: 50%;	animation:loading2 1.2s infinite;
	}
	@keyframes loading2 {
		0%{
			transform:rotate(0);
		} 100% {
			transform:rotate(360deg);
		}
	}
	.text{ font-size:26rpx; color:#ccc;
		label{ height:1px; width:40rpx; background:#ddd; opacity:0.7; margin:0 12rpx;}
	}
}
</style>